<template>
  <div
    class="statusbar-placeholder"
    :class="{ overlays: invasion }"
    :style="bgcolor"
  ></div>
</template>
<script>
import Config from "@/api/config";
import { computed } from "vue";
export default {
  props: {
    color: {
      type: String,
    },
    transparent: Boolean,
  },
  setup(params, ctx) {
    const invasion = Config.invasion;
    const bgcolor = computed(() => {
      return {
        backgroundColor: params.transparent ? "transparent" : params.color,
      };
    });
    return {
      invasion,
      bgcolor,
    };
  },
};
</script>